import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  },
  {
    path: '/a',
    component: () => import(/* webpackChunkName: "about" */ '../views/AView.vue')
  },
  {
    path: '/b',
    component: () => import(/* webpackChunkName: "about" */ '../views/bView.vue')
  },
  {
    path: '/c',
    component: () => import(/* webpackChunkName: "about" */ '../views/cView.vue')
  },
  {
    path: '/d',
    component: () => import(/* webpackChunkName: "about" */ '../views/dView.vue')
  },
  {
    path: '/e',
    component: () => import(/* webpackChunkName: "about" */ '../views/eView.vue')
  },
  {
    path: '/f',
    component: () => import(/* webpackChunkName: "about" */ '../views/fView.vue')
  },
  {
    path: '/g',
    component: () => import(/* webpackChunkName: "about" */ '../views/gView.vue')
  },
  {
    path: '/h',
    component: () => import(/* webpackChunkName: "about" */ '../views/hView.vue')
  },
  {
    path: '/i',
    component: () => import(/* webpackChunkName: "about" */ '../views/iView.vue')
  },
  {
    path: '/j',
    component: () => import(/* webpackChunkName: "about" */ '../views/jView.vue')
  },
  {path: '/k', component: () => import('../views/kView.vue')},
  {path: '/l', component: () => import('../views/LView.vue')},
  {path: '/m', component: () => import('../views/MView.vue')},
  {path: '/n', component: () => import('../views/NView.vue')},
  {path: '/o', component: () => import('../views/OView.vue')},
  {path: '/p', component: () => import('../views/PView.vue')},
  {path: '/q', component: () => import('../views/QView.vue')},
  {path: '/r', component: () => import('../views/RView.vue')},
  {path: '/s', component: () => import('../views/SView.vue')},
  {path: '/t', component: () => import('../views/TView.vue')},
  {path: '/u', component: () => import('../views/UView.vue')},
  {path: '/v', component: () => import('../views/VView.vue')},
  {path: '/w', component: () => import('../views/WView.vue')},
  {path: '/x', component: () => import('../views/XView.vue')}


  //name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
